<template>
    <transition>
        <div class="home-content" style="padding-bottom: 50px;">
            <header>
                <div class="header-content">
                    <div class="user-img"><img :src="walletCreate.avatar" alt=""></div>
                    <div class="user-name">{{ walletCreate.name }}</div>
                    <div class="user-name">{{ addressSub(walletCreate.address) }}
                        <img src="@/assets/img/code.png" alt="" style="width: 18px;right: -0.24rem;"
                             class="saomaimg" @click="changeRoute('/wallet/qrcode')">
                    </div>

                    <!--<div class="user-mail" @click="changeRoute('/my/identity')">-->
                    <!--备份身份<img src="@/assets/img/rightwhite.png" alt="">-->
                    <!--</div>-->
                </div>
            </header>
            <div class="my-content">
                <div class="content-top">
                    <span @click="changeRoute('/my/contact/list')"><img src="@/assets/img/address.png" alt=""> {{ $t('m.my.index.prompt[0]') }}</span>
                    <span @click="changeRoute('/my/identity')">
                        <img src="@/assets/img/news.png" style="width: 22px;height: 20px;">
                        {{ $t('m.my.index.prompt[1]') }}</span>
                    <!--TODO
                    <span @click="changeRoute('/my/msg/list')"><img src="@/assets/img/news.png" alt=""> 消息中心</span>-->
                </div>
                <div class="content-bottom">
                    <ul>
                        <li @click="changeRoute('/my/set')">
                            <img src="@/assets/img/set.png" alt="">
                            <div>
                                {{ $t('m.my.index.prompt[2]') }}<img src="@/assets/img/rightwhite.png" alt="">
                            </div>
                        </li>
                        <!--TODO-->
                        <!--<li>-->
                        <!--<img src="@/assets/img/help.png" alt="">-->
                        <!--<div>-->
                        <!--帮助与反馈<img src="@/assets/img/rightwhite.png" alt="">-->
                        <!--</div>-->
                        <!--</li>-->
                        <li @click="changeRoute('/my/agreement')">
                            <img src="@/assets/img/xieyi.png" alt="">
                            <div>
                                {{ $t('m.my.index.prompt[4]') }}<img src="@/assets/img/rightwhite.png" alt="">
                            </div>
                        </li>
                        <li @click="changeRoute('/my/about')">
                            <img src="@/assets/img/home.png" alt="">
                            <div>
                                {{ $t('m.my.index.prompt[3]') }}<img src="@/assets/img/rightwhite.png" alt="">
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </transition>
</template>
<script>
    /* eslint-disable */

    export default {
        name: 'my_index',
        created() {
            // 按下安卓返回键后，让页面不返回
            this.$store.dispatch("aBackUrl", "no");
        },
        mounted() {
            // if (typeof plus != "undefined" && plus.navigator.getStatusBarBackground() != '#3F4759') {
            //     plus.navigator.setStatusBarBackground('#3F4759');
            //     plus.navigator.setStatusBarStyle('light');
            // }
        },
        data() {
            return {}
        },
        methods: {}
    }
</script>
<style scoped>
    @import '../../assets/css/my.css';

    body {
        background-color: #F2F4F5;
    }
</style>